<template>
	<!-- 求职管理 -->
	<view class="wrap mar-top-30">
		<view class="user-box flex jcsb">
			<view class="flex-1">
				<text class="dis-block fs-32 fc-33">{{userInfo.nickname}}</text>
				<text class="dis-block fs-28 fc-66 mar-top-10">编辑在线简历</text>
			</view>
			<view class="r-img">
				<view class="face"><image :src="userInfo.avatar || (imgSrcUrl + 'head.png')"></image></view>
			</view>
		</view>
		<view class="mar-top-30 flex jcsb">
			<view class="adm-list" @click="toPage('jobRecord',1)">
				<view class="a-t fc-66 fs-28">沟通过</view>
				<view class="a-b fc-32 fs-32">0</view>
			</view>
			<view class="adm-list chengebg" @click="toPage('jobRecord',2)">
				<view class="a-t fc-66 fs-28">已投简历</view>
				<view class="a-b fc-32 fs-32">0</view>
			</view>
			<view class="adm-list" @click="toPage('interviewRecord')">
				<view class="a-t fc-66 fs-28">面试</view>
				<view class="a-b fc-32 fs-32">0</view>
			</view>
			<view class="adm-list chengebg">
				<view class="a-t fc-66 fs-28">收藏</view>
				<view class="a-b fc-32 fs-32">0</view>
			</view>
		</view>
	</view>
</template>

<script>
import { mapState, mapMutations, mapGetters } from 'vuex';
export default {
	computed: {
		...mapState(['userInfo']),
		...mapGetters(['hasLogin'])
	},
		data() {
			return {
				imgSrcUrl: this.$mConfig.imgSrcUrl,
			}	
		},
		onLoad() {
		
		},
		methods:{
			toPage(page, status){
				this.$mRouter.push({
					route: this.$mRoutesConfig[page],
					query: {
						status
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	page{
		background: #F6F6F6;
		.flex-1{
			flex: 1;
		}
	}
	.user-box{
		height: 104rpx;
		border-radius: 8rpx;
		background: #FFFFFF;
		border-radius: 8rpx;
		padding: 30rpx 20rpx;
		.dis-block{
			display: block;
		}
		.r-img{
			width: 104rpx;
			height:104rpx;
			overflow: hidden;
			border-radius: 50%;
			image{
				width: 104rpx;
				height:104rpx;
				display: block;
			}
		}
	}
	.adm-list{
		width: 48%;
		height: 208rpx;
		background: linear-gradient(151deg, #D4E9FB 0%, #FEFFFF 90%, #FFFFFF 100%);
		border-radius: 8rpx;
		position: relative;
		margin-bottom: 22rpx;
		.a-t{
			position: absolute;
			top: 24rpx;
			left: 22rpx;
		}
		.a-b{
			position: absolute;
			bottom: 24rpx;
			right: 22rpx;
		}
	}
	.chengebg{
		background: linear-gradient(151deg, #FFC9C9 0%, #FEFFFF 90%, #FFFFFF 100%);
	}
</style>
